// 文件核心作用: 导入App.vue,基于App.vue创建结构渲染index.html
// 1.导入Vue核心包
import Vue from 'vue'
// 2.导入App.vue根组件
import App from './App.vue'

// css样式重置
import './styles/base.css'
// 公共全局样式
import './styles/common.css'
// 字体图标的样式
import './assets/iconfont/iconfont.css'


// 编写导入的代码,往代码的顶部编写(规范)
import HmButton from './components/HmButton'
// 进行全局注册 -> 在所有组件范围内都能直接使用
// Vue.component(组件名, 组件对象)
Vue.component('HmButton', HmButton)

// 提示:当前处于什么环境(生产环境/开发环境)
Vue.config.productionTip = false

// 3.Vue实例化,提供render方法 -> 基于App.vue创建结构渲染idnex.html
new Vue({
  // el: '#app',  作用: 和.$mount('#app')作用一致,用于指定Vue所管理容器
  // render: h => h(App),
  
  render: (createElement) => {
    // 基于App创建元素结构
    return createElement(App)
  }
}).$mount('#app')
